<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>解忧栈-你心中理想的港湾</title>
		<!-- 引入 Bootstrap -->
		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</head>
	<body>
		<div class="container">
		<!--1.头  -->	
		<div class="col-lg-12">
			<nav class="navbar navbar-default" role="navigation">
			    <div class="navbar-header col-lg-4">
			       <img src="images/logo.PNG" style="height: 60px;"/>
			    </div>
			    <div class="col-lg-offset-4 col-lg-4">
			        <ul class="nav navbar-nav">
			            <li ><a href="index.html">首页</a></li>
			            <li ><a href="circlelist.html">圈子</a></li>
			            <li ><a href="worried.html">忧虑</a></li>
						<li class="active"><a href="about.html">关于</a></li>
			        </ul>
			    </div>
			</nav>
		</div>
		<div class="col-lg-12">
			
			<div class="jumbotron">
							<h1>
								解开你的忧虑，可以支持我们！
							</h1>
							<p>
								This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
							</p>
							<p>
								 <a class="btn btn-primary btn-large" href="#">Learn more</a>
							</p>
			</div>
		</div>
		<div class="col-lg-12">
				<img src="images/lb-002.jpg" />
		</div>
	</div>
	</body>
</html>
